<div class="mainPage" *ngIf="showMenu" >
    <nz-tabset  style="margin-top:4px;" [nzTabPosition]="'top'" [nzType]="'card'" (nzSelectedIndexChange)="selectChanged($event)">
      <nz-tab>
        <ng-template #nzTabHeading>
          <i class="anticon anticon-schedule"></i>基本情况
        </ng-template>
        <basic-information *ngIf="showFlag == 0" ></basic-information>
      </nz-tab>
      <nz-tab>
        <ng-template #nzTabHeading>
          <i class="anticon anticon-clock-circle"></i>实时安全状况
        </ng-template>
        <current-time-state *ngIf="showFlag == 1"></current-time-state>
      </nz-tab>
      <nz-tab>
        <ng-template #nzTabHeading>
          <i class="anticon anticon-database"></i>安全主体责任排行榜
        </ng-template>
        <duty-ranking-list *ngIf="showFlag == 2"></duty-ranking-list>
      </nz-tab>
      <nz-tab>
        <ng-template #nzTabHeading>
          <i class="anticon anticon-area-chart"></i>上年度统计数据汇总
        </ng-template>
        <annual-summary *ngIf="showFlag == 3"></annual-summary>
      </nz-tab>
    </nz-tabset>
  </div>
